<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="viewport" content="minimum-scale=1.0,maximum-scale=1,width=device-width,user-scalable=no">
		<title>标的详情</title>
		<link rel="stylesheet" href="include/include.css" />
		<link rel="stylesheet" href="css/details.css" />
		
		<link rel="stylesheet" type="text/css" href="css/PhotoSwipe/normalize.css" />
		<link rel="stylesheet" type="text/css" href="css/PhotoSwipe/default.css">
		<link rel="stylesheet" href="js/dist/photoswipe.css"> 
		<link rel="stylesheet" href="js/dist/default-skin/default-skin.css"> 
		<link rel="stylesheet" href="css/PhotoSwipe/site.css"> 
	</head>
	<body>
		<div class="all_bg">
			
			<div class="ietm">
				<div class="top_item">
					<img src="img/pic.jpg" class="pic" />
					<div class="li_info">
						<span class="name">陈女士</span>  &nbsp;&nbsp;&nbsp;<span class="grade">信用等级：</span>
						<img src="img/grade.png" /><br />
						<span class="item_title">贷款接送拉货诚信经营</span><label class="classification">妈咪贷</label>
					</div>
				</div>
				
				<div class="clearfix mui_flex">
					<div class="fl_lt td_3 margins">
						10.50%
					</div>
					<div class="fl_lt td_3">
						<div class="term">
							6个月
						</div>						
					</div>
					<div class="fl_lt td_3">
						65000元
					</div>
				</div>
				
				<div class="schedule_box">
					<div class="strip_box">
						<div class="strip" style="width: 10%;">
							<div class="circle">10%</div>
						</div>
					</div>
					<div class="percent">
						项目进度：
					</div>					
				</div>
				
				<div class="clearfix cast_box">
					<div class="fl_lt cast_number">
						18人已投
					</div>
					<div class="clearfix fl_rt current">
						<div class="fl_rt"></div>
						<div class="fl_rt"></div>
						<div class="fl_rt"></div>
					</div>
					<div class="fl_rt cast_pic">
						<img src="img/pic_1.jpg"  />
						<img src="img/pic_2.jpg"  />
						<img src="img/pic_3.jpg"  />
					</div>
				</div>				
			</div>
			<div class="information">
				个人信息、审核认证
				<img src="img/arrow_top.png" class="arrow_img" />
			</div>
			<div class="ietm_rz">
				<div class="authentication">
				<div class="tm_shop_name">
					个人信息
				</div>
				<div class="clearfix personal">
					<div class="fl_lt td_2">
						最高学历：本科<br />
						现 &nbsp;居&nbsp;地：四川成都
					</div>
					<div class="fl_lt td_2">
						婚姻状况：未婚<br />
						有无子女：无
					</div>
				</div>
				<div class="tm_shop_name">
					审核认证
				</div>
				<div class="clearfix mg_bottom_20">
					<div class="fl_lt component">
						身份认证<img src="img/yes_img.png" class="yes_img" />
					</div>
					<div class="fl_lt component">
						信用报告<img src="img/yes_img.png" class="yes_img" />
					</div>
					<div class="fl_lt component">
						收入认证<img src="img/yes_img.png" class="yes_img" />
					</div>
					<div class="fl_lt component">
						手机认证<img src="img/yes_img.png" class="yes_img" />
					</div>
					<div class="fl_lt component">
						工作认证<img src="img/yes_img.png" class="yes_img" />
					</div>
					<div class="fl_lt component">
						结婚认证<img src="img/yes_img.png" class="yes_img" />
					</div>
					<div class="fl_lt component">
						居住认证<img src="img/yes_img.png" class="yes_img" />
					</div>
				</div>
				</div>
				
			</div>
			<div class="ietm top_border">
				<div class="pic_title">
					照片 (16)
				</div>
				<div class="pic_box">
					<!--查看照片star-->	
					<article class="htmleaf-container">

				<div class="row">
					<div id="demo-test-gallery" class="demo-gallery">
						<a href="img/img_10.jpg" data-size="1600x1600" data-med="img/img_10.jpg" data-med-size="1024x1024" data-author="Folkert Gorter" class="demo-gallery__img--main">
			          		<img src="img/img_10.jpg" alt="" />
			        	</a>
			        	<a href="img/img_9.jpg" data-size="1600x1600" data-med="img/img_9.jpg" data-med-size="1024x1024" data-author="Folkert Gorter" class="demo-gallery__img--main">
			          		<img src="img/img_9.jpg" alt="" />
			        	</a>
			        	<a href="img/img_11.jpg" data-size="1600x1600" data-med="img/img_11.jpg" data-med-size="1024x1024" data-author="Folkert Gorter" class="demo-gallery__img--main">
			          		<img src="img/img_11.jpg" alt="" />
			        	</a>
			        	<a href="img/img_12.jpg" data-size="1600x1600" data-med="img/img_12.jpg" data-med-size="1024x1024" data-author="Folkert Gorter" class="demo-gallery__img--main">
			          		<img src="img/img_12.jpg" alt="" />
			        	</a>
					</div>
				</div>
		
				<!-- Root element of PhotoSwipe. Must have class pswp. -->
				<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
		
				    <!-- Background of PhotoSwipe. 
				         It's a separate element, as animating opacity is faster than rgba(). -->
				    <div class="pswp__bg"></div>
		
				    <!-- Slides wrapper with overflow:hidden. -->
				    <div class="pswp__scroll-wrap">
		
				        <!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. -->
				        <!-- don't modify these 3 pswp__item elements, data is added later on. -->
				        <div class="pswp__container">
				            <div class="pswp__item"></div>
				            <div class="pswp__item"></div>
				            <div class="pswp__item"></div>
				        </div>
		
				        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
				        <div class="pswp__ui pswp__ui--hidden">
		
				            <div class="pswp__top-bar">
		
				                <!--  Controls are self-explanatory. Order can be changed. -->
		
				                <div class="pswp__counter"></div>
		
				                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
		
				                <!--<button class="pswp__button pswp__button--share" title="Share"></button>-->
				                <!--<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>-->
		
				                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
		
				                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
				                <!-- element will get class pswp__preloader--active when preloader is running -->
				                <div class="pswp__preloader">
				                    <div class="pswp__preloader__icn">
				                      <div class="pswp__preloader__cut">
				                        <div class="pswp__preloader__donut"></div>
				                      </div>
				                    </div>
				                </div>
				            </div>
		
				            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
				                <div class="pswp__share-tooltip"></div> 
				            </div>
		
				            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
				            </button>
		
				            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
				            </button>
		
				            <div class="pswp__caption">
				                <div class="pswp__caption__center"></div>
				            </div>
		
				          </div>
		
				        </div>
		
				</div>
			</article>
			<!--查看照片end-->
			
			
				</div>
			</div>
			
			<div class="ietm top_border">
				<div class="pic_title">
					感谢视频（大家多多支持）
				</div>
				<div class="video_box clearfix">
					<div class="td_2 fl_lt">
						<div class="video_border">
							<video controls="controls" onplay="true" width="100%" height="80" onclick="if(/Android/.test(navigator.userAgent))this.play()">
							  <source src="http://vjs.zencdn.net/v/oceans.mp4" >
							  <!--<source src="http://www.100sucai.com/img/video/happyfit2.mp4" type="video/mp4">-->
							  <!--<source src="http://html5videoformatconverter.com/data/images/happyfit2.webm" type="video/webm">
							  <source src="http://html5videoformatconverter.com/data/images/happyfit2.ogv" type="video/ogg">-->
							</video>						
						</div>
					</div>					
				</div>
			</div>		
			
			<div class="ietm top_border">
				<div class="pic_title">
					感谢语音
				</div>
				<div class="mp3_box">
					<div class="mp3_text">
						<div class="clearfix">
							<div class="fl_lt mp3_neme">
								快乐小猪
							</div>
							<div class="fl_rt mp3_time">
								00:00 / 00:56
							</div>
						</div>
						<div class="jd_bg">
							<div class="mp3_jd" style="width: 20%;">
								<img src="img/mp3_dot.png" class="mp3_dot" />
							</div>
						</div>
					</div>
					<div class="pause">
						<img src="img/pause.png" />
					</div>
				</div>
			</div>		
			
			<div class="ietm top_border">
				<div class="pic_title">
					借款描述
				</div>
				<div class="describe">
					走过路过不要错过，来来来给本小姐借点学费，走过路过不要错过，说的就是你，瞅啥子瞅，买定离手，压大压小随便，书归正传，话说又要开学了，又是一个春暖花开的季节，又是一个新鲜的学期。
				</div>
			</div>
			
			<div class="add_height"></div>
			
			
			<div class="bt_bid" onclick="jump('bid_now');">
				投标
			</div>
			
		</div>
		
		<div class="log_bg" onclick="loginTip(event)">
			<div class="log_box">
				<img src="img/app_logo.png" class="app_logo" />			
				<div class="log_text_box clearfix">
					<div class="fl_lt log_text">
						<span>50元低门槛</span><br />
						投的是妹纸，赚的不仅是钱！						
					</div>
					<div class="fl_rt lg_30">
						<div class="log" onclick="jump('login');">登录</div>
					</div>
				</div>
			</div>
		</div>
		
		<script src="js/jquery-2.2.1.min.js"></script>
		<script src="include/include.js"></script>
		<!-- Core JS file -->
		<script src="js/dist/photoswipe.min.js"></script> 
	
		<!-- UI JS file -->
		<script src="js/dist/photoswipe-ui-default.min.js"></script> 
		<script src="js/details.js"></script>
	</body>
</html>
